@import '@/lib/reset.scss';
.music_title{
  @include rect(92%,85px);
  // background:violet;
  margin-left:50px;
  ul{
    @include rect(100%,100%);
    margin-left:2%;
    li{
      height:85px;
      line-height: 85px;
      float: left;
      margin-right:10px;
      a{
        padding:5px 15px;
        border-radius: 3px;
        color:#333;
        &:hover{
          color: #f00;
        }
        &.active{
          background:#E91E63;
          color:#fff;
        }
      }
    }
  }
}
.musicians{
  // background:yellow;
  @include rect(92%, auto);
  margin:0 auto;
  ul{
    li{
      @include rect(225px,225px);
      float: left;
      margin:10px;
      position: relative;
      overflow: hidden;
      img{
        @include rect(225px,225px);
      }
      p{
        @include rect(100%, 40px);
        position: absolute;
        // bottom:-40px;
        @include background-color(rgba(0,0,0,.5));
        line-height:40px;
        text-align: center;
        color:#fff;
        transform: translateY(0px);
      }
      &:hover{
        img{
          transform: scale(1.3);
          transition: all 0.35s linear;
        }
        p{
          transform: translateY(-40px);
          transition: all 0.35s linear;
        }
      }
    }
  }

}
